﻿
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
 
	<link rel="stylesheet" href="css/bootstrap-rtl.min.css">
	<link rel="stylesheet" href="css/bootstrap-responsive-rtl.min.css">
	<link rel="stylesheet" href="css/rtl.css">
	<link rel="stylesheet" href="css/style.css">

    <script src="http://code.jquery.com/jquery-latest.js"></script>
  </head>
	<style type="text/css">
      body {
		background-color:whiteSmoke;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 800px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        padding: 40px 20px;
        text-align: center;
		 background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .jumbotron h1 {
        font-size: 62px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 26px;
        padding: 14px 24px;
		margin-left:10px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }
	  
	  .form-signin {width:300px;margin:0px auto;}
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
	  .form-signin .login-alerts {font-size:80%}
	  .form-signin label {text-align:right; font-size:14px;line-height:16px;}
	  
	  
    </style>
  <body>

    <div class="container-narrow">


   
      <div class="jumbotron">
	  <div class="page1 " >
		<div class="homelogo">
			<img src="img/biglogohead.png"/>
		</div>
        <h1>ברוכים הבאים לSafeTalk!</h1>
        <p class="lead">SafeTalk הוא הדרך שלכם לתקשר עם בני משפחתכם המבוגרים, בקלות וביעילות, המערכת מותאת לאוכלוסיה המבוגרת ומכיל מאפיינים נגישים ייחודים, אתם מוזמנים לנסות אותנו היום!</p>
        <a class="btn btn-large btn-success" href="#">הרשמו עכשיו</a>
		<a class="btn btn-large btn-primary" href="#">התחברות</a>

		
		
      </div>
	 
	   <div class="page2 hidden">
		<form class="form-signin">
        <h2 class="form-signin-heading">התחברות למערכת</h2>
        <input type="text" class="input-block-level" placeholder="משפחה">
        <input type="password" class="input-block-level" placeholder="סיסמא">
        <label class="checkbox">
          <input type="checkbox" value="remember-me"> זכור אותי
        </label>
		<div class="login-alerts">
		<div class="alert alert-error">
		חלה שגיאה! הסיסמא אינה נכונה
		</div>
		</div>

        <button class="btn btn-large btn-primary" type="submit">התחברות</button>
      </form>
		
      </div>
	  
	  
	
	  


  


    </div> <!-- /container -->
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
  
  </body>
</html>
